// flex布局
.flex {
  display: flex;
}

// 默认flex row布局
.flex-row-normal {
  .flex();
  justify-content: flex-start;
  align-items: flex-start;
}

// flex row布局 副轴居中
.flex-row-start {
  .flex();
  justify-content: flex-start;
  align-items: center;
}

// flex row布局 沉底
.flex-row-end {
  .flex();
  justify-content: flex-end;
  align-items: center;
}

// flex row布局 space-between
.flex-row-spacebetween {
  .flex();
  justify-content: space-between;
  align-items: center;
}

// flex row布局 space-around
.flex-row-spacearound {
  .flex();
  justify-content: space-around;
  align-items: center;
}

// flex row布局 space-evenly
.flex-row-spaceevenly {
  .flex();
  justify-content: space-evenly;
  align-items: center;
}

// flex row布局 副轴拉伸
.flex-row-stretch {
  .flex();
  justify-content: flex-start;
  align-items: stretch;
}

// flex row布局 居中
.flex-row-center {
  .flex();
  justify-content: center;
  align-items: center;
}

// 默认flex column布局
.flex-column-normal {
  .flex-row-normal();
  flex-direction: column;
}

// flex column布局 副轴居中
.flex-column-start {
  .flex-row-start();
  flex-direction: column;
}

// flex column布局 沉底
.flex-column-end {
  .flex-row-end();
  flex-direction: column;
}

// flex column布局 space-between
.flex-column-spacebetween {
  .flex-row-spacebetween();
  flex-direction: column;
}

// flex column布局 space-around
.flex-column-spacearound {
  .flex-row-spacearound();
  flex-direction: column;
}

// flex column布局 space-evenly
.flex-column-spaceevenly {
  .flex-row-spaceevenly();
  flex-direction: column;
}

// flex column布局 副轴拉伸
.flex-column-stretch {
  .flex-row-stretch();
  flex-direction: column;
}

// flex column布局 居中
.flex-column-center {
  .flex-row-center();
  flex-direction: column;
}

// 单行溢出省略号
.text-nowrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// 可点击对象
.clickable {
  cursor: pointer;
  user-select: none;
}